﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>sample6</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<style type="text/css">
dl{
	width:300px;
	margin:50px auto;
}
dl dt{
	background:#7CADB6;
	cursor:pointer;
}
dl dd{
	border:1px solid #7CADB6;
	height:250px;
	margin:0;
}

		</style>
		<script type="text/javascript">
$(function(){
	$("dt").click(function(){
		if($("dd").css("display")=="block"){
			$("dd:not(:animated)").slideUp("slow");
		}else{
			$("dd").slideDown("slow");
		}
	});
});

		</script>
	</head>
	<body>
		<dl>
			<dt>슬라이딩 효과로 표시상태를 변경한다</dt>
			<dd>
					slideDown()/slideUp()는 show()/hide() 와는 다른 슬라이딩 애니메이션 효과로
표시/비표시를 변경하는 명령입니다.
1234567890
			</dd>

		</dl>


    <div>

    </div>


	</body>
</html>